<style>
.margin-r {margin-right:28px}
.register {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    background: #fff;
    width: 400px;
    min-width: 310px;
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}
.footer {
    color: #f2f2f2;
}
.bg01{background:url( {{tomedia(main.lbg,true) || '../core/resource/images/bg-login.jpg'}}) no-repeat #00564b;background-size: cover;}
.bg02{background-color: #18bc9c;}
.bg02 .clouds-container{position:absolute;overflow:hidden;height:100%;width:100%}
.bg02 .clouds{background:url("../core/resource/images/cloud_two.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.bg02 .clouds-fast{background:url("../core/resource/images/cloud.png") no-repeat 0 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
.bg02 .clouds-footer{background:url("../core/resource/images/cloud_one.png") no-repeat left 100%;animation:none}
@keyframes cloudmove{0%{left:-50%}100%{left:150%}}
@-moz-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
@-webkit-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
.register{position: relative;z-index:10}
</style>
<div ng-include="sys_html('home/_header',true)"></div>
<div class="register-container container {{main.lbg?'bg01':'bg02'}}" style="height:100%">
		<div ng-if="!main.lbg" class="clouds-container">
			<div class="clouds clouds-footer"></div>
			<div class="clouds"></div>
			<div class="clouds clouds-fast"></div>
		</div>
		<div class="container-index">
		<div style="margin-top: 130px;width:100%;text-align:center">
				<img ng-if="pagedata.account.logo" style="margin:10px auto;width:120px" ng-src="{{tomedia(pagedata.account.logo)}}" border="0">
		</div>
        <div ng-class="{'register':1,'margin-r':main.istakeover !=1}">
			<div class="forminfo">
	        <form action="" method="post" role="form" id="form1">
				<div class="form-group fui-tab" ng-show="pagedata.mobile_code" style="margin-bottom:22px">
					<a ng-class="{'disabled':pagedata.item.login_type!=1,'active':pagedata.item.login_type==1}" ng-click="pagedata.item.login_type=1">账号注册</a>
					<a ng-class="{'disabled':pagedata.item.login_type!=2,'active':pagedata.item.login_type==2}" ng-click="pagedata.item.login_type=2">手机注册</a>
				</div>
				<div class="form-group fui-tab" ng-if="!pagedata.mobile_code">
					<a class="active" ng-click="pagedata.item.login_type=1">账号登陆</a>
					<a class="disabled"></a>
				</div>
				<div style="margin-top:22px;">
				<div ng-show="pagedata.item.login_type==1">
					<div class="form-group">
							<div class="log-form-item">
								<input type="text" ng-model="pagedata.item.name" placeholder="输入您的账号" class="form-control log-input">
								<i class="icon icon-wo1"></i>
							</div>
					</div>
					<div class="form-group">
							<div class="log-form-item">
								<input type="password" ng-model="pagedata.item.password" placeholder="输入您的密码" class="form-control log-input">
								<i class="icon icon-mima"></i>
							</div>	
					</div>
					<div class="form-group">
							<div class="log-form-item">
								<input type="password" ng-model="pagedata.item.password1" placeholder="请再次输入密码" class="form-control log-input">
								<i class="icon icon-mima"></i>
							</div>	
					</div>

				</div>
				<div class="form-group" ng-show="pagedata.item.login_type==2">
						<div class="log-form-item">
							<input type="text" ng-model="pagedata.item.mobile" placeholder="输入您的手机号" class="form-control log-input">
							<i class="icon icon-shumashouji"></i>
						</div>
				</div>
				<div class="form-group input-group" ng-show="pagedata.verify_code">
						<div class="input-group-addon"><i class="fa fa-info"></i></div>
						<input ng-model="pagedata.item.code" class="form-control" style="width:110px;" placeholder="请输入验证码">
						<a href="javascript:;" id="code" ng-click="code_image('imgverify')" style="text-decoration: none"><img id="imgverify" src="../core/resource/images/no_imgcode.png" style="height:44px;" title="点击图片更换验证码"/></a>
				</div>
				<div class="form-group input-group" ng-show="pagedata.item.login_type==2">
							<div class="input-group-addon"><i class="fa fa-info"></i></div>
							<input ng-model="pagedata.item.smscode" class="form-control" style="width:110px;" placeholder="请输入验证码">
							<a class="jy-btn jy-btn-default" href="javascript:;" id="sms_code" ng-click="tool.mobile_code({'mobile':pagedata.item.mobile,'imgcode':pagedata.item.code,'check_imgcode':pagedata.verify_code})" style="text-decoration: none;margin:2px 10px;padding:10px 12px">发送验证码</a>
				</div>
				<div ng-if="pagedata.open == 1" class="form-group">
							<div class="log-form-item">
								<input type="text" ng-model="pagedata.item.incode" placeholder="请填写邀请码" class="form-control log-input">
								<i class="icon icon-wo1"></i>
							</div>
				</div>
				</div>
				<div ng-init="code_image('imgverify')" id="submit" style="text-align:center;" ng-click="post(pagedata.item,'register');code_image('imgverify');" class="login-btn">注册</div>
	            <div class="reg-btn">
                    <a href="javascript:;" ng-click="access_json(links('/user.login_domain/'))">返回登录</a>
                </div>
	        </form>
			</div>
	    </div>
	 </div>
</div>
<div ng-include="sys_html('home/_footer_domain',true)"></div>
<script>
scope.main.istakeover=1
</script>